﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CourseDetail.ascx.cs" Inherits="UserControls_CourseDetail" %>
<%@ Register Src="~/UserControls/Widget.ascx" TagName="Widget" TagPrefix="uc" %>

<link href="<%: ResolveUrl("~/styles/dalatcooking/jquery.lightbox-0.5.css") %>" rel="stylesheet" />
<script src="<%: ResolveUrl("~/Scripts/jquery.lightbox-0.5.js") %>" type="text/javascript"></script>

<div id="masthead">
    <div class="container_24">
        <div class="grid_24">
            <div class="grid_7 alpha broadcast_art">
                <img alt="Category" class="with_border shadow dark" height="147"
                    width="262" runat="server" id="pictureCate" />
            </div>
            <div class="grid_11 prefix_1 content">
                <h2>
                    <asp:Label ID="lblCategoryName" runat="server" Text=""></asp:Label>

                </h2>
                <p>

                    <asp:Label ID="lblDesc" runat="server" Text=""></asp:Label>
                </p>

                <p class="small"></p>
            </div>
            <div class="grid_5 omega hosts" style="display:none">
                <h4>Giáo viên</h4>
                <div class="host">
                    <a href="#" title="Jim Dalrymple">
                        <img alt="Jim Dalrymple" class="with_border shadow dark" height="82" src="http://icebox.5by5.tv/images/people/241/avatar_thumb.jpg" width="82" />
                        <p>Jim Dalrymple</p>
                    </a>
                </div>
                <div class="host last">
                    <a href="#" title="Dan Benjamin">
                        <img alt="Dan Benjamin" class="with_border shadow dark" height="82" src="http://icebox.5by5.tv/images/people/1/avatar_thumb.jpg" width="82" />
                        <p>Dan Benjamin</p>
                    </a>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>

<div id="content">

    <div class="container_24">
        <div class="grid_15">
            <fieldset class="shadow rounded">
                <legend class="rounded">
                    <asp:Label ID="lblTitle" runat="server"></asp:Label>
                    <span id="prev_next" class="mini">
                        <a href="/"><%=Setting.String("SITE_NAME") %></a>


                    </span>
                </legend>
                <div id="episode" class="box">


                    <div id="main" style="margin-bottom: 5px">
                        <h1>
                            <asp:Label ID="lblName" runat="server"></asp:Label></h1>
                        <div class="product-img">
                            <a href="" title="Hình ảnh" id="imgPic" runat="server">
                                <img id="imgPicture" runat="server" alt="" />
                            </a>

                            <div class="product-detail">
                                <h4>Thời gian học:  
                                    <label id="lblQuyCach" runat="server"></label>
                                </h4>

                               
                                <h4>Học phí: Liên hệ</h4>
                                <h4>
                                    <a href="/document/course/<%=Request.QueryString["CourseID"]%>-<%=StringHelper.RemoveDiacriticsURL(course.Name) %>">
                                    Tài liệu / Giáo trình / Videos </a></h4>
                                <br />
                                <a href="#" class="btn btn-large btn-success tooltip" title="Đăng ký ngay" onclick="return $.dalatcooking.jsonShoppingCart_Add(<%=Request.QueryString["CourseID"]%>)">Đăng ký</a>
                                <!--
                                <a href="/cart/<%=Request.QueryString["CourseID"]  %>" class="btn btn-large btn-success tooltip" title="Đăng ký ngay">Đăng ký</a>-->
                                <a href="/contact" class="btn btn-large btn-primary tooltip" title="Liên hệ tư vấn">Liên hệ</a>
                            </div>

                            <div id="pimage">
                                <script type="text/javascript">
                                    jQuery(document).ready(function () {
                                        var pId = <%=Request.QueryString["CourseID"]%>
                                        jQuery.dalatcooking.jsonCourseImage_loadByCourseID("#pimage", pId);

                                        $("[id$='imgPic']").lightBox();
                                    });
                                    function changePic(url) {
                                        $("[id$='imgPicture']").attr('src', url);
                                        $("[id$='imgPic']").attr('href', url);
                                        return false;
                                    }
                                </script>
                            </div>
                        </div>
                        <div class="clear"></div>
                    
                            <asp:Literal ID="lblBody" runat="server"></asp:Literal>
                       
                      
                    </div>
                    <hr class="slim" />
                    <h4>Các khóa học khác
                        <!--
							<span>Presented by <a href="http://tuanitpro.com" target="_blank" title="T.">Tuanitpro.com</a></span>
                        <div id="open_links_form">
                            <span>
                                <input type="checkbox" id="open_new_window" checked="checked" />
                                <label for="open_new_window">&nbsp;Open links in a new window?</label>
                            </span>
                        </div>
                        -->
                    </h4>


                    <div id="episode_links">
                        <ul>
                            <asp:Repeater ID="rptOrther" runat="server">

                                <ItemTemplate>
                                    <li><a href="/course/<%#Eval("CourseID") %>-<%#DalatCooking.Core.Helper.StringHelper.RemoveDiacriticsURL(String.Format("{0}", Eval("Name"))) %>" class="link" rel="nofollow" target="_parent"
                                         onmouseout="hidetip();" onmouseover="showtip(&quot;&lt;h3&gt;<%#Eval("Name") %>&nbsp; &lt;/h3&gt;&lt;img alt=\&quot;<%#Eval("Name") %>&nbsp; \&quot; src=\&quot;<%#Eval("Picture") %>\&quot; width='160' height='120' /&gt;&lt;span&gt;&lt;/span&gt;&lt;div&gt;<%#Eval("Name") %>&lt;/div&gt;&quot;);">
                                        <%#Eval("Name") %></a></li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>


                    </div>

                     
                    <div id="course-tab">
                        <img src="styles/dalatcooking/Images/ajax-loader.gif" border="0" />
                        Loading...
                    <script type="text/javascript">
                        jQuery(document).ready(function () {
                            jQuery.dalatcooking.jsonCourse_loadCourseTab('#course-tab');
                        });
                    </script>


                    </div>
                    <div class="clear"></div>
                
                </div>
            </fieldset>
        </div>


        <uc:Widget ID="rightWidget" runat="server" />
    </div>
</div>
